<!DOCTYPE html>
<html lang="zh-CN" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	  layout:decorate="~{layout/indexLayout.html}" xmlns:th="http://www.thymeleaf.org">
<head lang="en">
	<meta charset="utf-8" />
	<title>搜索</title>
	<link rel="stylesheet" type="text/css" href="css/public.css"/>
	<link rel="stylesheet" type="text/css" href="css/proList.css"/>
</head>
<script type="text/javascript">

</script>
<body>
<!------------------------------head------------------------------>
<div id="content" layout:fragment="content">
<!------------------------------搜索列表------------------------------>
<div class="schBox">
	<ul class="wrapper sch" th:each="cfm : ${classifyMap}">
		<li th:each="s:${cfm}" style="float: top;padding-bottom: auto;">
			<h4 th:text="${s.key}" >摆放空间：</h4>
			<p th:each="sv : ${s.value}">
				<!--<a th:href="@{classifySearch(classifyName=${sv})}" th:text="${sv}">摆放花卉</a>-->
				<a href="#" th:attr="data=${sv},class=data-Choose" th:text="${sv}" >摆放花卉</a>
			</p>
		</li>
	</ul>
</div>
<!-----------------address------------------------------->
<div class="address">
	<div class="wrapper clearfix">
		<a href="../index.html">首页</a>
		<span>/</span>
		<a class="on">搜索“干花”</a>
	</div>
</div>
<!-------------------current---------------------->
<div class="current">
	<div class="wrapper clearfix">
		<h3 class="fl">搜索结果：<span th:text="${inputInfo}"></span></h3>
		<div class="fr choice">
			<p class="default" th:text="${sortBy}">排序方式</p>
			<ul class="select">
				<li th:attr="data='新品上市',class=select1" th:text="新品上市"></li>
				<li th:attr="data='销量从高到低',class=select2" th:text="销量从高到低"></li>
				<li th:attr="data='销量从低到高',class=select3" th:text="销量从低到高"></li>
				<li th:attr="data='价格从高到低',class=select4" th:text="价格从高到低"></li>
				<li th:attr="data='价格从低到高',class=select5" th:text="价格从低到高"></li>
			</ul>
		</div>
	</div>
</div>

<!----------------proList------------------------->
<ul class="proList wrapper clearfix">
	<li th:each="product : ${productlist}">
		<a th:href="@{toProDetail(productNumber=${product.getProductNumber()})}">
			<dl>
				<dt><img th:src="@{${product.getProductPicture()}}"></dt>
				<dd th:text="${product.getProductName()}">【最家】跳舞兰仿真花干花</dd>
				<dd th:text="${product.getProductPrice()}">￥17.90</dd>
			</dl>
		</a>
	</li>
</ul>
</div>
<!----------------mask------------------->
<!--<div class="mask"></div>-->
<!--&lt;!&ndash;-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;mask内容-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&ndash;&gt;-->
<!--<div class="proDets">-->
<!--	<img class="off" src="img/temp/off.jpg" />-->
<!--	<div class="tit clearfix">-->
<!--		<h4 class="fl">【最家】非洲菊仿真花干花</h4>-->
<!--		<span class="fr">￥17.90</span>-->
<!--	</div>-->
<!--	<div class="proCon clearfix">-->
<!--		<div class="proImg fl">-->
<!--			<img class="list" src="img/temp/proDet.jpg"  />-->
<!--			<div class="smallImg clearfix">-->
<!--				<img src="img/temp/proDet01.jpg" data-src="img/temp/proDet01_big.jpg">-->
<!--				<img src="img/temp/proDet02.jpg" data-src="img/temp/proDet02_big.jpg">-->
<!--				<img src="img/temp/proDet03.jpg" data-src="img/temp/proDet03_big.jpg">-->
<!--				<img src="img/temp/proDet04.jpg" data-src="img/temp/proDet04_big.jpg">-->
<!--			</div>-->
<!--		</div>-->
<!--		<div class="fr">-->
<!--			<div class="proIntro">-->
<!--				<p>颜色分类</p>-->
<!--				<div class="smallImg clearfix categ">-->
<!--					<p class="fl"><img src="img/temp/prosmall01.jpg" alt="白瓷花瓶+20支快乐花" data-src="img/temp/proBig01.jpg"></p>-->
<!--					<p class="fl"><img src="img/temp/prosmall02.jpg" alt="白瓷花瓶+20支兔尾巴草" data-src="img/temp/proBig02.jpg"></p>-->
<!--					<p class="fl"><img src="img/temp/prosmall03.jpg" alt="20支快乐花" data-src="img/temp/proBig03.jpg"></p>-->
<!--					<p class="fl"><img src="img/temp/prosmall04.jpg" alt="20支兔尾巴草" data-src="img/temp/proBig04.jpg"></p>-->
<!--				</div>-->
<!--				<p>数量</p>-->
<!--				<div class="num clearfix">-->
<!--					<img class="fl sub" src="img/temp/sub.jpg">-->
<!--					<span class="fl" contentEditable="true">1</span>-->
<!--					<img class="fl add" src="img/temp/add.jpg">-->
<!--					<p class="please fl">请选择商品属性!</p>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="btns clearfix">-->
<!--				<a href="#2"><p class="buy fl">立即购买</p></a>-->
<!--				<a href="#2"><p class="cart fr">加入购物车</p></a>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
<!--	<a class="more" href="../product/proDetail.html">查看更多细节</a>-->
<!--</div>-->
<!--&lt;!&ndash;返回顶部&ndash;&gt;-->
<!--<div class="gotop">-->
<!--	<a href="/tocart">-->
<!--		<dl class="goCart">-->
<!--			<dt><img src="img/gt1.png"/></dt>-->
<!--			<dd>去购<br />物车</dd>-->
<!--			<span>1</span>-->
<!--		</dl>-->
<!--	</a>-->
<!--	<a href="#" class="dh">-->
<!--		<dl>-->
<!--			<dt><img src="img/gt2.png"/></dt>-->
<!--			<dd>联系<br />客服</dd>-->
<!--		</dl>-->
<!--	</a>-->
<!--	<a href="../user/mygxin.html">-->
<!--		<dl>-->
<!--			<dt><img src="img/gt3.png"/></dt>-->
<!--			<dd>个人<br />中心</dd>-->
<!--		</dl>-->
<!--	</a>-->
<!--	<a href="#" class="toptop" style="display: none;">-->
<!--		<dl>-->
<!--			<dt><img src="img/gt4.png"/></dt>-->
<!--			<dd>返回<br />顶部</dd>-->
<!--		</dl>-->
<!--	</a>-->
<!--	<p>400-800-8200</p>-->
<!--</div>-->
<!--footer-->
<!--<div class="footer">-->
<!--	<div class="top">-->
<!--		<div class="wrapper">-->
<!--			<div class="clearfix">-->
<!--				<a href="#2" class="fl"><img src="img/foot1.png"/></a>-->
<!--				<span class="fl">7天无理由退货</span>-->
<!--			</div>-->
<!--			<div class="clearfix">-->
<!--				<a href="#2" class="fl"><img src="img/foot2.png"/></a>-->
<!--				<span class="fl">15天免费换货</span>-->
<!--			</div>-->
<!--			<div class="clearfix">-->
<!--				<a href="#2" class="fl"><img src="img/foot3.png"/></a>-->
<!--				<span class="fl">满599包邮</span>-->
<!--			</div>-->
<!--			<div class="clearfix">-->
<!--				<a href="#2" class="fl"><img src="img/foot4.png"/></a>-->
<!--				<span class="fl">手机特色服务</span>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
<!--	<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />-->
<!--		违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>-->
<!--</div>-->

<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pro.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cart.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(".data-Choose").click(function () {
        var classifyName = $(this).attr("data");
        $("[name=inputInfo]").val(classifyName);
        $("#searchForm").submit();
    });
    $(".select1").click(function () {
        var sc = $(this).attr("data");
        $("[name=sortBy]").val(sc);
        $("#searchForm").submit();
    });
    $(".select2").click(function () {
        var sc = $(this).attr("data");
        $("[name=sortBy]").val(sc);
        $("#searchForm").submit();
    });
    $(".select3").click(function () {
        var sc = $(this).attr("data");
        $("[name=sortBy]").val(sc);
        $("#searchForm").submit();
    });
    $(".select4").click(function () {
        var sc = $(this).attr("data");
        $("[name=sortBy]").val(sc);
        $("#searchForm").submit();
    });
    $(".select5").click(function () {
        var sc = $(this).attr("data");
        $("[name=sortBy]").val(sc);
        $("#searchForm").submit();
    });

</script>

</body>
</html>
